@fontColor: #c7c7c7;
@b_line_size:.125rem;
@h:5rem;
@f_size: 1.75rem;
.login {
  background: url(../../../assets/images/login-page/bg.png) no-repeat;
  background-size: 100% 100%;
  min-height: 100%;

  .login-bg {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.11);
    text-align: center;
    height: 30rem;

    .language-box {
      position: absolute;
      right: 1.375rem;
      top: -5rem;
      padding: 1rem 3rem 8rem 1rem;
      outline: none;
      background: url(../../../assets/icons/icon-down.png) 90% center no-repeat;
      background-size: auto 0.6rem;

      &:focus {
        background: url(../../../assets/icons/icon-up.png) 90% center no-repeat;
        background-size: auto 0.6rem;
      }

      img {
        width: 4.0625rem;
        height: 3rem;
        display: block;
      }

      .language-select {
        position: absolute;
        left: -1rem;
        top: 6.4rem;
        // background: rgba(0,0,0,0.9);
        border-radius: 0 0 0.1rem 0.1rem;
        z-index: 9;

        >div {
          &:last-child {
            margin: 0;
          }

          padding:0.6rem 1rem;

          img {
            margin: 0 1rem;
          }
        }

        padding:1rem 0;

      }
    }

    img {
      height: 19rem;
      margin-top: 7rem;
    }
  }

  .login-body {
    margin: 0 5.3125rem;
    padding: 2rem;

    input {
      background: none;

      &:focus {
        outline: none;
      }
    }

    .white-input {

      input {
        color: @fontColor;
        height: @h;
        font-size: @f_size;
        line-height: @h;
      }

      input::-webkit-input-placeholder {
        line-height: @h;
        font-size: @f_size;
        color: @fontColor;
        height: @h;
      }

      input::-moz-placeholder {
        line-height: @h;
        font-size: @f_size;
        /* Mozilla Firefox 19+ */
        height: @h;
        color: @fontColor;
      }

      input:-moz-placeholder {
        line-height: @h;
        font-size: @f_size;
        /* Mozilla Firefox 4 to 18 */
        height: @h;
        color: @fontColor;
      }

      input:-ms-input-placeholder {
        line-height: @h;
        font-size: @f_size;
        height: @h;
        /* Internet Explorer 10-11 */
        color: @fontColor;
      }

      input {
        -webkit-text-fill-color: #fff;
        /*输入文字、placeholder颜色*/
        caret-color: @fontColor;
        /*光标颜色*/
      }
    }

    .form-databody-h {
      padding: 1rem;
      display: flex;

      h1 {
        font-size: 4.6875rem;
        font-weight: bold;
        color: #333333;
      }

      a {
        font-size: 2.0625rem;
        color: #265BCD;
        margin: auto;
        margin-right: 0;
        margin-bottom: 0.5rem;
      }
    }

    .form-databody {
      .weui-cell {
        color: #fff;
        padding-top: 4rem;

        .weui-select {
          font-size: 2.604375rem;
          color: #fff;
        }

        .weui-cell__bd:after {
          // mask-image: url() no-repeat 100% center;
          // -webkit-mask-image: url() no-repeat 100% center;
          left: 7rem;
          top: 7.2rem;
        }

        .phone-btn {
          font-size: 2.083125rem;
        }
      }

      .register-subbtn {
        margin-top: 5rem;
        margin-left: 1rem;

        button {
          width: 100%;
          font-size: 2.25rem;
          border-radius:2.75rem;
        }

        a{
          color: #fff;
          border: 1px solid rgba(255,255,255,1);
          border-radius:2.75rem;
        }

        .weui-btn_primary {
          color: #fff;
          background: linear-gradient(-90deg, #de6532, #fdbe4f);
        }

        .weui-btn_disabled {
          color: #999;
          background: #cdcdcd
        }
      }

      .login-to-register {
        padding: 1.875rem 0;
        display: flex;

        a {
          font-size: 2.0625rem;
          color: #fff;
        }
      }
    }
  }
}